<%@ page language="java" import="java.util.*"
	contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<html>
<head>
<%@ include file="/common/meta.jsp"%>
<title>人员管理</title>

<script type="text/javascript" src="${ctx }/js/userManager.js"></script>
</head>
<body>

	<div class="place">
		<span>位置：</span>
		<ul class="placeul">
			<li><a href="#">首页</a></li>
			<li><a href="#">管理用户</a></li>
		</ul>
	</div>

	<div class="rightinfo">

		<div class="tools">

			<ul class="toolbar">
				<li class="click"><span><img src="../images/t01.png" />
				</span><a href="insertUser" target="rightFrame">添加</a>
				</li>
				<li class="click"><span><img src="../images/t02.png" />
				</span><a href="changeUser" target="rightFrame">修改</a>
				</li>
				<li class="click"><span><img src="../images/t03.png" />
				</span><a href="deleteUser" target="rightFrame"></a>删除</li>
			</ul>
		</div>
		<table class="imgtable">
			<thead>
				<tr>
					<th><input type="checkbox" />全/反选</th>
					<th>用户ID</th>
					<th>用户名</th>
					<th>性别</th>
					<th>联系方式</th>
					<th>邮箱</th>
					<th>所属分公司</th>
					<th>角色ID</th>
				</tr>
			</thead>

			<tbody>
				<c:forEach var="tea" items="${teas}">
					<tr>
						<td><input type="checkbox" /></td>
						<td><c:out value="${tea.teaId}"></c:out></td>
						<td><c:out value="${tea.teaName}"></c:out></td>
						<td><c:out value="${tea.teaSex}"></c:out></td>
						<td><c:out value="${tea.teaPhone}"></c:out></td>
						<td><c:out value="${tea.teaEmail}"></c:out></td>
						<td><c:out value="${tea.teaCompany}"></c:out></td>
						<td><c:out value="${tea.userId}"></c:out></td>
					</tr>
				</c:forEach>
				<c:forEach var="stu" items="${stus }">
					<tr>
						<td><input type="checkbox" /></td>
						<td><c:out value="${stu.stuId}"></c:out></td>
						<td><c:out value="${stu.stuName}"></c:out></td>
						<td><c:out value="${stu.sex}"></c:out></td>
						<td><c:out value="${stu.phone}"></c:out></td>
						<td><c:out value="${stu.email}"></c:out></td>
						<td><c:out value="${stu.company}"></c:out></td>
						<td><c:out value="${stu.userId}"></c:out></td>
					</tr>
				</c:forEach>
			</tbody>

		</table>

		<div class="pagin">
			<div class="message">
				共<i class="blue"><c:out value="${size}"></c:out></i>条记录，当前显示第&nbsp;<i class="blue">${page}&nbsp;</i>页
			</div>
			<ul class="paginList">
				<li class="paginItem"><a href="javascript:;"><span
						class="pagepre"></span> </a></li>
				<li class="paginItem"><a href="javascript:;">1</a></li>
				<li class="paginItem current"><a href="javascript:;">2</a></li>
				<li class="paginItem"><a href="javascript:;">3</a></li>
				<li class="paginItem"><a href="javascript:;">4</a></li>
				<li class="paginItem"><a href="javascript:;">5</a></li>
				<li class="paginItem more"><a href="javascript:;">...</a></li>
				<li class="paginItem"><a href="javascript:;">10</a></li>
				<li class="paginItem"><a href="javascript:;"><span
						class="pagenxt"></span> </a></li>
			</ul>
		</div>


		<div class="tip">
			<div class="tiptop">
				<span>提示信息</span><a></a>
			</div>

			<div class="tipinfo">
				<span><img src="../images/ticon.png" /> </span>
				<div class="tipright">
					<p>是否确认对信息的修改 ？</p>
					<cite>如果是请点击确定按钮 ，否则请点取消。</cite>
				</div>
			</div>

			<div class="tipbtn">
				<input name="" type="button" class="sure" value="确定" />&nbsp; <input
					name="" type="button" class="cancel" value="取消" />
			</div>

		</div>


	</div>

	<div class="tip">
		<div class="tiptop">
			<span>提示信息</span><a></a>
		</div>

		<div class="tipinfo">
			<span><img src="../images/ticon.png" /> </span>
			<div class="tipright">
				<p>是否确认对信息的修改 ？</p>
				<cite>如果是请点击确定按钮 ，否则请点取消。</cite>
			</div>
		</div>

		<div class="tipbtn">
			<input name="" type="button" class="sure" value="确定" />&nbsp; <input
				name="" type="button" class="cancel" value="取消" />
		</div>

	</div>

	<script type="text/javascript">
		$('.imgtable tbody tr:odd').addClass('odd');
	</script>

</body>

</html>
